<template>
  <div class="pds-homepage">
    <div class="box" @click="openLog">
      <img :src="jpg" alt="" />
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      jpg: require("@/assets/image/home.png"),
    };
  },
  methods: {
    openLog() {
      const title = this.$t("logTitle")
      let txt = this.$t("logText")
      txt = txt.replace('__a__', "@")
      this.$alert(txt, title, {
          confirmButtonText: '确定',
          callback: action => {
          }
        });
    },
  },
};
</script>

<style lang="scss" scoped>
.pds-homepage {
  min-width: 1920px;
}
.box {
  width: 100%;
  height: 100%;
}
img {
  width: 100%;
  display: block;
}
</style>